<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>LXQ个人主页</title>
    <link href="css/common.css" rel="stylesheet">
    <link href="css/swiper-bundle.min.css" rel="stylesheet">
    <link href="css/index.css" rel="stylesheet">
    <link href="css/navigation.css" rel="stylesheet">
    <link href="css/login_component.css" rel="stylesheet">
    <link href="https://cdn.bootcdn.net/ajax/libs/animate.css/4.1.1/animate.compat.css" rel="stylesheet">
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
    <script src="js/swiper-bundle.min.js"></script>
    <script src="js/index.js"></script>
</head>
<body>
<!--导航栏-->
<nav class="nav_bglayer" id="nav_fragment">
    <div class="nav_container com_width">
        <img class="nav_logo" src="favicon.ico" alt="">
        <ul class="main_nav">
            <li>首页</li>
            <li>作品展示</li>
            <li><a href="/static/userspace/article_list.html" target="_blank">生活分享</a></li>
            <li>留言评论</li>
            <li>我的APP</li>
            <li>在线交易</li>
            <li id="openLoginFragment">游客登录</li>
        </ul>
    </div>
    <p class="global_notice">{{notice}}</p>
</nav>
<!--轮播图-->
<div class="index_swiper_container swiper_container">
    <div class="swiper-wrapper">
        <div class="swiper-slide">
            <img class="slide_bg" src="image/carousel_1.jpg" alt="">
        </div>
        <div class="swiper-slide">
            <img class="slide_bg" src="image/carousel_2.jpg" alt="">
        </div>
        <div class="swiper-slide">
            <img class="slide_bg" src="image/carousel_3.jpg" alt="">
        </div>
        <!-- <div class="swiper-slide">
          <video class="slide_bg" src="https://basic-admin.basicagency.com/uploads/Hero-Loop_v6.mp4" controls></video>
        </div> -->
    </div>
</div>
<!--登录窗口-->
<div class="login_container animate__animated" id="login_container">
    <div class="login_flex" id="login_flex">
        <div class="login_input_div">
            <div class="login_top">
                <span class="login_tab_active">登录 </span>
                <span>  / 注册账号</span>
            </div>
        </div>
        <div class="login_user_info">
            <div class="user_card">
                <img src="http://v.bootstrapmb.com/2019/11/7pk786581/images/pic2.jpg" alt="">
                <p class="user_name">Welcome</p>
                <ul class="user_info_list">
                    <li><label>显示字段：</label>值</li>
                    <li><label>显示字段：</label>值</li>
                    <li><label>显示字段：</label>值</li>
                    <li><label>显示字段：</label>值</li>
                </ul>
            </div>
        </div>
    </div>
</div>
</body>
</html>